<template>
  <m-svg :name="`msg-${state.type}`"></m-svg>
  <p class="m-message__content">{{ state.msg }}</p>
</template>

<script setup>
import { reactive } from 'vue'
import MSvg from '../svg/m-svg.vue'

const props = defineProps({
  type: String,
  message: String,
  duration: Number,
  position: String
})
const state = reactive({
  type: props.type,
  duration: props.duration,
  msg: props.message
})
</script>
